<template>
  <div class="subscribe-back" style="position: relative; width: 100%">
    <div class="subscribe-back-content" @click="goBack">
      <i></i>
      <span>返回</span>
    </div>
  </div>
  <div class="travel-page">
    <h1>4月最适合方向旅行的12个地方，再忙也值得你挑一个去发呆！</h1>
    <p>
      四月，是一年中最美好的季节之一，大地复苏，万物葱茏，正是出门旅行的好时候。以下这12个地方，各有特色，无论你是喜欢自然风光，还是钟情人文历史，都能在其中找到让你心动的旅行目的地，不妨挑一个去发发呆，享受一段悠闲的时光。
    </p>
    <ol>
      <li>
        <h2>林芝，西藏</h2>
        <p>
          四月的林芝，是花的海洋。漫山遍野的桃花竞相绽放，粉粉嫩嫩的花朵与远处的雪山、翠绿的田野相互映衬，构成了一幅如诗如画的美景。你可以漫步在桃花林中，感受微风拂面，闻着淡淡的花香，让身心沉浸在这绝美的景色中。
        </p>
        <img
          src="https://tse2-mm.cn.bing.net/th/id/OIP-C.J1DjAfGAneau4jzG-coYCAHaE8?rs=1&pid=ImgDetMain"
          alt="林芝桃花"
          style="width: 100%; max-width: 600px; margin-top: 10px"
        />
      </li>
      <li>
        <h2>婺源，江西</h2>
        <p>
          婺源的四月，油菜花盛开，金黄的花海一望无际。徽派建筑错落有致地分布在花海之中，白墙黑瓦与金黄的油菜花相互交织，形成了独特的视觉效果。在这里，你可以乘坐小船，穿梭在油菜花海之间，感受乡村的宁静与美好。
        </p>
        <img
          src="https://n.sinaimg.cn/sinakd20123/400/w1200h800/20230203/b16d-9cb49623697dce6b98fbed01b524a68e.jpg"
          alt="婺源油菜花"
          style="width: 100%; max-width: 600px; margin-top: 10px"
        />
      </li>
      <li>
        <h2>扬州，江苏</h2>
        <p>
          “烟花三月下扬州”，四月的扬州，瘦西湖畔垂柳依依，湖水碧波荡漾。古色古香的园林建筑，如个园、何园等，充满了江南水乡的韵味。你可以沿着湖边漫步，欣赏湖光山色，也可以坐在船上，感受扬州的温婉与柔情。
        </p>
        <img
          src="https://tour.jschina.com.cn/mzyj/202107/W020210722346863913460.jpg"
          alt="扬州瘦西湖"
          style="width: 100%; max-width: 600px; margin-top: 10px"
        />
      </li>
      <li>
        <h2>大理，云南</h2>
        <p>
          大理的四月，阳光明媚，气候宜人。洱海边上，五彩斑斓的花朵竞相开放，远处的苍山云雾缭绕。你可以租一辆自行车，沿着洱海骑行，欣赏沿途的美景；也可以坐在海边的咖啡馆里，看着湖水发呆，享受悠闲的时光。
        </p>
        <img
          src="https://tr-osdcp.qunarzz.com/tr-osd-tr-space/img/f091b20a0f2535a87b95997cf1ba9964.jpg_r_680x451x95_52a9c39d.jpg"
          alt="大理洱海"
          style="width: 100%; max-width: 600px; margin-top: 10px"
        />
      </li>
      <li>
        <h2>武汉，湖北</h2>
        <p>
          四月的武汉，樱花虽然已经渐渐凋谢，但整座城市依然充满了生机。东湖的自然风光秀丽，黄鹤楼则见证了历史的沧桑变迁。你可以在东湖边散步，感受大自然的美好；也可以登上黄鹤楼，俯瞰武汉的城市风光。
        </p>
        <img
          src="https://x0.ifengimg.com/ucms/2020_41/CDBC037AEC81F4010835A0C6386433926D76EA2E_w1080_h809.jpg"
          alt="武汉黄鹤楼"
          style="width: 100%; max-width: 600px; margin-top: 10px"
        />
      </li>
      <li>
        <h2>杭州，浙江</h2>
        <p>
          杭州的四月，西湖美得如同一幅水墨画。湖中的小船摇曳，湖边的垂柳依依，苏堤、白堤上游客如织。你可以乘坐游船，游览西湖的各个景点；也可以在湖边的茶馆里，品尝一杯龙井茶，感受杭州的诗意与浪漫。
        </p>
        <img
          src="https://pic2.zhimg.com/v2-ae03fc7dff4ba131593e59aaf765015b_720w.jpg?source=172ae18b"
          alt="杭州西湖"
          style="width: 100%; max-width: 600px; margin-top: 10px"
        />
      </li>
      <li>
        <h2>洛阳，河南</h2>
        <p>
          四月是洛阳牡丹盛开的季节，洛阳的大街小巷都弥漫着牡丹的芬芳。王城公园、洛阳国家牡丹园等地方，各种品种的牡丹争奇斗艳，美不胜收。你可以走进牡丹园，欣赏牡丹的娇艳，感受“唯有牡丹真国色，花开时节动京城”的壮观景象。
        </p>
        <img
          src="https://ts1.tc.mm.bing.net/th/id/R-C.911b0eb5c7d6cecaebbd8fde05b246e3?rik=7n5fYYPgg%2fye3Q&riu=http%3a%2f%2f5b0988e595225.cdn.sohucs.com%2fimages%2f20200112%2fa61f5123af4844c1b90aa80da7c812d1.jpeg&ehk=9i1HS%2fo3vLIbXrCu4uQ5BNmnOTTip5s40PvHgLFcagw%3d&risl=&pid=ImgRaw&r=0"
          alt="洛阳牡丹"
          style="width: 100%; max-width: 600px; margin-top: 10px"
        />
      </li>
      <li>
        <h2>桂林，广西</h2>
        <p>
          桂林山水甲天下，四月的桂林更是美得让人陶醉。漓江两岸的山峰形态各异，江水清澈见底。你可以乘坐竹筏，顺流而下，欣赏漓江的美景；也可以徒步走进阳朔的乡村，感受田园风光的宁静与美好。
        </p>
        <img
          src="https://tr-osdcp.qunarzz.com/tr-osd-tr-manager/img/e478de92d3888a4481535bf0d0954ac2.jpg"
          alt="桂林漓江"
          style="width: 100%; max-width: 600px; margin-top: 10px"
        />
      </li>
      <li>
        <h2>厦门，福建</h2>
        <p>
          厦门的四月，阳光温暖，海风轻柔。鼓浪屿上的老建筑充满了异国风情，环岛路的海岸线风景秀丽。你可以漫步在鼓浪屿的小巷里，感受文艺的气息；也可以在环岛路上骑行，享受海风的吹拂。
        </p>
        <img
          src="https://x0.ifengimg.com/ucms/2019_34/9D0ABD0C58570D45FACCD503D0EC932B4B6939E8_w1080_h720.jpg"
          alt="厦门鼓浪屿"
          style="width: 100%; max-width: 600px; margin-top: 10px"
        />
      </li>
      <li>
        <h2>丹巴，四川</h2>
        <p>
          四月的丹巴，藏寨里梨花盛开，洁白如雪。碉楼错落有致地分布在山间，与梨花相互映衬，构成了一幅独特的藏乡画卷。你可以走进藏寨，体验藏族的民俗文化，感受藏乡的宁静与祥和。
        </p>
        <img
          src="https://www.shougongke.net/uploadfile/2021/0907/20210907183726903.png"
          alt="丹巴藏寨"
          style="width: 100%; max-width: 600px; margin-top: 10px"
        />
      </li>
      <li>
        <h2>伊犁，新疆</h2>
        <p>
          四月的伊犁，杏花沟里杏花烂漫。漫山遍野的杏花竞相开放，粉白相间的花朵在阳光的照耀下格外娇艳。你可以走进杏花沟，与杏花来一场亲密接触，感受大自然的神奇与美丽。
        </p>
        <img
          src="https://ts1.tc.mm.bing.net/th/id/R-C.572613ce68e4f9b1dc0aefe2c24dae03?rik=T0OTDkwavyj0og&riu=http%3a%2f%2fwww.joytraveller.com%2fUploadfiles%2fPicture%2f2021-3-9%2f2021391436272785.jpg&ehk=OwVP%2b0x%2fTfy8LdYD0Et3peJYEWCvGnNDzN07A2HQR3A%3d&risl=&pid=ImgRaw&r=0"
          alt="伊犁杏花沟"
          style="width: 100%; max-width: 600px; margin-top: 10px"
        />
      </li>
      <li>
        <h2>青岛，山东</h2>
        <p>
          青岛的四月，气温逐渐回暖，海风带着丝丝凉意。栈桥边的海水清澈见底，八大关的欧式建筑充满了异域风情。你可以在栈桥上漫步，欣赏大海的美景；也可以走进八大关，感受历史的沉淀。
        </p>
        <img
          src="https://ts1.tc.mm.bing.net/th/id/R-C.34f1860f310791bc499478c1adfa51c5?rik=1xMDJgJicwzNmA&riu=http%3a%2f%2fnews.qingdaonews.com%2fimages%2f2018-05%2f05%2f6112beff-55ae-4a65-a0cb-a86e06651543.jpg&ehk=ZXZPoYfJg5em%2fVBobNCFlTjMCJcogU2gwzjWQB0yYDU%3d&risl=&pid=ImgRaw&r=0"
          alt="青岛栈桥"
          style="width: 100%; max-width: 600px; margin-top: 10px"
        />
      </li>
    </ol>
    <p>
      在这繁忙的生活中，不妨抽出一些时间，去这12个地方中的一个，让自己的身心得到放松，享受一段悠闲的旅行时光。
    </p>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import { useRouter } from "vue-router";

export default defineComponent({
  setup() {
    const router = useRouter();
    const goBack = () => {
      router.push("/home");
    };
    return {
      goBack,
    };
  },
});
</script>

<style scoped>
.travel-page {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  font-family: Arial, sans-serif;
  line-height: 1.6;
  color: #333;
}

.travel-page h1 {
  font-size: 28px;
  margin-bottom: 20px;
  text-align: center;
  color: #222;
}

.travel-page h2 {
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 10px;
  color: #222;
}

.travel-page p {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: justify;
}

.travel-page ol {
  padding-left: 20px;
}

/* 返回 */
.subscribe-back {
  background: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0 1px 0 0 #edf0f2;
  height: 60px;
  line-height: 60px;
  position: relative;
  z-index: 1;
}

.subscribe-back-content {
  cursor: pointer;
  display: inline-block;
  height: 60px;
}

.subscribe-back-content > i {
  background: url()
    no-repeat;
  background-size: contain;
  display: inline-block;
  height: 17px;
  margin-left: 30px;
  vertical-align: middle;
  width: 17px;
}

.subscribe-back-content > span {
  color: #5c6166;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 20px;
  margin-left: 6px;
  vertical-align: middle;
}
</style>
